<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>未来脑-组卷在线</title>
  <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon"/>
  <style type="text/css" rel="stylesheet">
    @-webkit-keyframes ball-scale-ripple {
      0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
      }
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
      }
      100% {
        opacity: 0.0;
      }
    }

    @keyframes ball-scale-ripple {
      0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
      }
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
      }
      100% {
        opacity: 0;
      }
    }

    .ball-scale-ripple > div {
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      height: 50px;
      width: 50px;
      border-radius: 100%;
      border: 2px solid #00adef;
      -webkit-animation: ball-scale-ripple 1.6s 0s infinite cubic-bezier(.21, .53, .56, .8);
      animation: ball-scale-ripple 1.6s 0s infinite cubic-bezier(.21, .53, .56, .8);
    }

    @-webkit-keyframes ball-scale-ripple-multiple {
      0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
      }
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
      }
      100% {
        opacity: 0.0;
      }
    }

    @keyframes ball-scale-ripple-multiple {
      0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
      }
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
      }
      100% {
        opacity: 0.0;
      }
    }

    .ball-scale-ripple-multiple {
      position: relative;
      display: inline-block;
      width: 50px;
      -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
      transform: translateY(-25px);
    }

    .ball-scale-ripple-multiple > div:nth-child(0) {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }

    .ball-scale-ripple-multiple > div:nth-child(1) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s;
    }

    .ball-scale-ripple-multiple > div:nth-child(2) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
    }

    .ball-scale-ripple-multiple > div:nth-child(3) {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
    }

    .ball-scale-ripple-multiple > div {
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      border: 2px solid #00adef;
      -webkit-animation: ball-scale-ripple-multiple 2s 0s infinite cubic-bezier(.21, .53, .56, .8);
      animation: ball-scale-ripple-multiple 2s 0s infinite cubic-bezier(.21, .53, .56, .8);
    }

    .app-loading {
      text-align: center;
      /*color: #888;*/
      /*font-size:13px;*/
      padding: 30vh 0;
    }
  </style>
</head>
<body>
<div id="app">
  <div class="app-loading">
    <div class="loader">
      <div class="loader-inner ball-scale-ripple-multiple">
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
  </div>
</div>
<link rel="stylesheet" href="//at.alicdn.com/t/font_758481_d11sgje3dov.css">
<!-- built files will be auto injected -->
<!--<script>-->
  <!--window._hmt = []-->
  <!--;(function () {-->
    <!--let hm = document.createElement('script')-->
    <!--hm.src = 'https://hm.baidu.com/hm.js?e50c3fc3bd0dfac5aac0f71bbfab84fc'-->
    <!--let s = document.getElementsByTagName('script')[0]-->
    <!--s.parentNode.insertBefore(hm, s)-->
  <!--})()-->
<!--</script>-->
</body>
</html>

